.movie{
    --posterWidth:252px;
    --posterHeight:336px;
    --marginRight:24px;
    --nameHeight:51px;
    --nameFontSize:28px;
    position: relative;
    float: left;
    width:var(--posterWidth);
    height:fit-content;
    margin-right: var(--marginRight);
    border-radius: 10px;
    border:2px solid transparent;
}
.movie>.poster{
    position:relative;
    width: var(--posterWidth);
    height: var(--posterHeight);
    border-radius: 10px;
}
.movieFocus{
    background-color: #fff;
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    -webkit-transition:-webkit-transform .1s linear 0s;
    transition:transform .1s linear 0s;
    border:2px solid white;
    z-index: 99;
}
.movie>.movie_name{
    position: relative;
    height:var(--nameHeight);
    line-height: var(--nameHeight);
    width:inherit;
    font-size: var(--nameFontSize);
    white-space: nowrap;
    overflow: hidden;
    color:#000;
}

.movie>.movie_playButton{
    position: absolute;
    right: calc(var(--posterWidth)*140/252);
    bottom: calc(180px + 93*(var(--posterWidth) - 252px)/252);
    display: none;
}
.movie>.movie_playButton>*{
    position: absolute;
    width: calc(var(--posterWidth)*186/252);
}

